@import "./fontStyle.less";
@import "./element-ui.less";
@import "./reset.less";
@import "./font/font.less";
@import "./bpmn.less";

// body {
//   font-family: KT2312;
// }

// :root {
//   --el-color-primary: #5272ec;
//   --el-color-danger: #ff4d4f;
//   --el-color-warning: #ffaa45;
//   --el-color-success: #0089b3;
//   --el-color-warning-bg: #fff4e8;
//   --el-color-success-bg: #e0f8f4;
//   --el-color-danger-bg: #fbe6e8;
//   --el-color-primary-bg: #e6effe;
//   // --el-fill-color-lighter: #fbfcfe;
//   --el-fill-color-lighter: #eff3f9;
//   // --el-fill-color-light: #112480;
//   --el-color-info: #7d97c3;
//   --el-border-color: #e7eaf0;
//   --el-light-blue: #f1f4f8;
//   --el-light-grey: #7585a1;
//   --el-dark-grey: #515864;
// }
.infoStyle {
  color: #004fa2;
}

.br-4 {
  border-radius: 4px;
}

.bg-f {
  background-color: #ffff;
}

h1 {
  font-size: @size18;
  color: @menuBg;
  font-weight: bold;
}

.m-g {
  margin: 20px;
}

.m-t {
  margin-top: 20px;
}

.m-t-8 {
  margin-top: 8px;
}

.m-t-10 {
  margin-top: 10px;
}

.m-b {
  margin-bottom: 20px;
}

.m-b-10 {
  margin-bottom: 10px;
}

.m-l {
  margin-left: 20px;
}

.m-l-10 {
  margin-left: 10px;
}

.m-r {
  margin-right: 20px;
}

.m-l-5 {
  margin-left: 5px;
}

.m-r-10 {
  margin-right: 10px;
}

.m-r-15 {
  margin-right: 15px;
}

.m-r-15 {
  margin-right: 15px;
}

.m-r-20 {
  margin-right: 20px;
}

.m-r-30 {
  margin-right: 30px;
}

.m-r-80 {
  margin-right: 80px;
}

.p-d {
  padding: 20px
}
.p-d-40{
  padding: 40px;
}
.p-t {
  padding-top: 20px
}

.p-b {
  padding-bottom: 20px
}

.p-t-10 {
  padding-top: 10px
}

.p-b-10 {
  padding-bottom: 10px
}

.p-l {
  padding-left: 20px
}

.p-r {
  padding-right: 20px
}

.p-r-25 {
  padding-right: 25px
}

.p-r-10 {
  padding-right: 10px;
}

.b-f-c {
  background-color: #fff;
}

.b-f {
  background-color: #fff;
  border-radius: 4px;
}

.b-p-f {
  background-color: #fff;
  border-radius: 4px;
  padding: 20px;
}

.icon-color {
  fill: currentColor;
  color: @iconColor;
  width: 20px;
  height: 16px;
}

.h1 {
  font-size: @size18;
  color: @color2;
  font-weight: bold;
}

.border-2 {
  border: 2px solid @borderColor;
}

.border-1 {
  border: 1px solid @borderColor;
}

.border-r-2 {
  border-right: 1px solid @borderColor;
}

.border-l-2 {
  border-left: 1px solid @borderColor;
}

.border-r-2-black {
  border-right: 1px solid #333;
}

.border-l-2-black {
  border-left: 1px solid #333;
}

.border-t-2 {
  border-top: 1px solid @borderColor;
}

.border-b-2 {
  border-bottom: 1px solid @borderColor;
}

.gray-span {
  color: @grayColor;
  font-size: @size14;
  font-weight: 400;
}

.red {
  color: @error;
}

.red-bg {
  background-color: @error;
}

.yellow {
  color: @warning;
}

.yellow-bg {
  background-color: @warning;
}

.green {
  color: @success;
}

.green-bg {
  background-color: @success;
}

.blue {
  color: @primary;
}

.blue-bg {
  background-color: @primary;
}

.bg-gray-color {
  background-color: @bgGrayColor;
}

.grey {
  color: @grayColor;
}

.black {
  color: @color2;

}

.purple {
  color: @purple;
}

.color999 {
  color: #999
}

.font12 {
  font-size: @size12;
}

.font14 {
  font-size: @size14;
}

.font18 {
  font-size: @size18;
}

.font16 {
  font-size: @size16;
}

.font20 {
  font-size: @size20;
}

.width-98 {
  width: 98%;
}

// 表格前面的原点
.circle {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

.ellipsis {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ellipsis80 {
  display: inline-block;
  width: 70%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.back {
  cursor: pointer;
  font-size: @size18;
  font-weight: bold;
  // padding-bottom: 20px;

  .el-icon-back {
    font-size: @size18;
    margin-right: 10px;
    font-weight: bold;
  }

  &:hover {
    color: @primary;

    .el-icon-back {
      color: @primary;
    }
  }
}

// 蓝色条
.selectStyle {
  margin: 10px 0 0;
  border: 1px solid #869ef9;
  padding: 5px 10px;
  border-radius: 4px;
  color: #5272ec;
  background: #5272ec1f;

  i {
    padding-right: 10px;
  }

  b {
    color: #333;
  }
}

.activeCommand {
  background-color: #ecf5ff;
  color: @primary;
}

.flex-a-c {
  display: flex;
  align-items: center;
}

.flex-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.bottomWrap {
  position: absolute;
  width: 100%;
  height: 60px;
  bottom: 0;
  background-color: #ffffff;
  box-shadow: 0px -4px 6px 4px rgba(0, 0, 0, 0.06);
  z-index: 11;

  .btn-box {
    width: 100%;
    display: flex;
    align-items: center;

    .btn-left {
      position: absolute;
      right: 57%;

      &.r-61 {
        right: 61%;
      }

    }

    .btn-center {
      position: absolute;
      left: 44%;

      &.l-40 {
        left: 40%;
      }
    }

    .btn-right {
      position: absolute;
      left: 55%;

      &.l-58 {
        left: 58%;
      }

      &.l-60 {
        left: 60%;
      }
    }
  }
}

.el-form-no {
  .el-form-item {
    margin-bottom: 0;

    .el-form-item__label {
      line-height: 30px;
    }
  }
}

.blueSpan {
  display: inline-block;
  width: 4px;
  height: 16px;
  background-color: #5272ec;
}

.before {
  position: relative;
  padding-left: 15px;

  &::before {
    display: inline-block;
    content: '';
    width: 3px;
    height: 12px;
    background: @primary;
    position: absolute;
    left: 0;
    top: 8px;
    z-index: 4;

  }
}


// 文件样式
.file-row {
  padding: 8px 0px;
  cursor: pointer;
  font-size: @size16;
}

// .file-row:hover {
//   background-color: #fafafa;
// }


.upload-row {
  width: 100%;

  .el-upload {
    width: 100%;
  }

  .upload-file {
    width: 100%;
    padding: 10px 0;
    border: 1px dashed #c0ccda;
    color: #999;
    background: #fbfdff;
    text-align: center;

    &:hover {
      border-color: @primary;
      color: @primary;
    }


  }
}

.absolute-right {
  position: absolute;
  right: 0;
}

.el-table th.el-table__cell>.cell {
  font-size: @size18  !important;
}

.el-table td.el-table__cell div {
  font-size: @size16  !important;
}

.el-link {
  font-size: @size16  !important;
  white-space: normal !important;
}

.el-button--small {
  font-size: @size16  !important;
}

.el-tabs__item {
  font-size: @size16  !important;
}

.detailWrap {
  .el-form-item__content {
    line-height: 30px !important;
  }

}

.el-form-item__content {
  font-size: @size16  !important;

}

.el-form-item__label {
  font-size: @size16  !important;
  // line-height: 30px !important;
  color: #333 !important;
}
.el-button--primary {
  background: #0757b4 !important;
  border-color: #0757b4 !important;
}
.el-button--primary.is-plain {
  font-size: @size16  !important;
  background: #fff !important;
  border-color: #0757b4 !important;
  color: #0757b4 !important;
}

.el-message-box__message p {
  font-size: @size16  !important;
}

.el-dialog__body {
  font-size: @size16  !important;
}

.el-input {
  font-size: @size16  !important;

  .el-input__inner {
    font-family: @normal  !important;
  }
}

.font24 {
  font-size: @size24
}

.SimHei {
  font-family: @SimHei;
}

.el-textarea {
  font-size: @size16  !important;

  .el-textarea__inner {
    font-family: @normal  !important;
  }
}

// 折叠面板
.collapse-reset {
  .el-collapse {
    .el-collapse-item {
      margin-bottom: 20px;
    }

    .el-collapse-item__header {
      position: relative;
      padding: 0 40px !important;
      font-size: @size18;
      font-weight: 600;
      background-color: @listBg;
      border-radius: 4px;

      &.is-active {
        border-radius: 4px 4px 0 0;
      }
    }

    .el-collapse-item__arrow {
      position: absolute;
      left: 10px;
    }

    .el-icon-arrow-right:before {
      content: "\e791" !important;
    }
  }
}

.el-tree-node__content {
  height: 36px;
  font-size: @size18;
}

.el-button--text {
  font-size: @size16;
}

.preStyle {
  width: 100%;
  white-space: inherit;
  word-break: break-all;
  font-family: @normal;
}

.line-height {
  line-height: 40px;
  font-weight: bold;

  &:before {
    display: inline-block;
    content: '';
    width: 3px;
    height: 16px;
    background: @primary;
    position: absolute;
    left: -8px;
    top: 12px;
    z-index: 4;
  }
}

.titleWeight {
  font-weight: bold;
}

.roundWrap {
  position: relative;
  padding-left: 20px;
  display: inline-block;
  font-weight: bold;

  .round-height {
    position: absolute;
    left: 0;
    top: 6px;
    z-index: 4;
    background: @primary;
    width: 10px;
    height: 10px;
    border-radius: 50%;
  }
}

.blueFont {
  color: @primary;
  cursor: pointer;
}

.el-radio__label {
  font-size: 18px;
}

.detailWrap {
  .el-form-item__label {
    // font-family: @normal;
    text-align: right;
    font-size: 14.0pt !important;
  }

  .el-form-item__content {
    >span {
      font-family: @normal;
      font-size: 14.0pt;
    }
  }
}

.table-descriptions {
  width: 100%;

  .basicInfo {
    padding: 12px 10px;
    font-family: KT2312;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    border-top: 1px solid;
    border-left: 1px solid;
    border-right: 1px solid;
    border-color: inherit;
  }

  .basicInfoRight {
    width: 100%;
    padding: 12px 10px;
    font-family: KT2312;
    font-size: 20px;
    font-weight: 600;
    border-right: 1px solid #808080;
  }

  .table_box {
    width: 100%;
    // border: 1px solid#000 !important;
  }

  .label {
    width: 10%;
    padding: 12px 10px;
    background: #fafafa;
    font-family: @normal;
    font-size: 14.0pt;
    text-align: center;
    font-weight: 600;
  }

  .labelTi {
    width: 10%;
    padding: 12px 10px;
    background: #fff;
    font-family: @normal;
    font-size: 14.0pt;
    text-align: center;
    font-weight: 600;
  }

  .labelTitle {
    display: inline-block;
    width: 100%;
    // height: 50px;
    padding: 12px 10px;
    text-align: center;
    // background: #fafafa;
    font-family: @normal;
    font-size: 20px;
    font-weight: 600;
  }

  .label-big {
    width: 13.7%;
  }

  .content {
    width: 23%;
    font-family: @normal;
    font-size: 14.0pt;
    padding-left: 10px;
    padding-right: 10px;
  }

  .contentNull {
    width: 100%;
    font-family: @normal;
    font-size: 14.0pt;
    // padding-left: 10px;
    // padding-right: 10px;
  }

  .content-auto {
    width: 15%;
    padding-left: 10px;
    padding-right: 10px;
  }
}

.p-d-10 {
  padding: 10px;
}

.line45 {
  height: 45px;
  line-height: 45px;
  display: inline-block;
}

.line36 {
  height: 36px;
  line-height: 36px;
  display: inline-block;

}

.fillWrap {
  height: calc(100% - 82px);


  .el-container {
    height: 100%;
    justify-content: center;
    margin-top: 20px;
    overflow-x: auto;


    .el-aside {
      width: 260px !important;
      flex: none;

      // 隐藏滚动条
      &::-webkit-scrollbar {
        display: none;
      }
    }

    .el-main {
      padding: 0px;
      margin-left: 20px;
      width: 988px;
      flex: none;
      overflow-y: auto;

      // 隐藏滚动条
      &::-webkit-scrollbar {
        display: none;
      }
    }
  }
}

// 目录
.catalogWrap {
  background-color: #fff;
  height: 76vh;
  overflow: auto;

  ul {
    padding: 10px;

    li {

      color: #515864;
      cursor: pointer;
      border-radius: 4px;
      margin-top: 10px;
      position: relative;
      display: flex;
      align-items: center;
      font-size: @size20;

      a {
        padding: 10px 20px;
        width: 100%;
        height: 100%;

        .readTag {
          position: absolute;
          right: 10px;
          vertical-align: center;
        }
      }


      &.active {
        background-color: @catalogHoverBg;
        color: @primary;
      }

      &:hover {
        background-color: @catalogHoverBg;
        color: @primary;
      }
    }
  }
}

.wrap-content {
  height: 76vh;

  .el-scrollbar__wrap {
    overflow-x: hidden;
  }
}

.title {
  text-align: center;
  font-size: 18px;
}

.titleStyle {
  display: flex;
  position: relative;
  justify-content: center;
  font-size: 16pt;
  font-weight: bolder;
  font-family: KT2312;

  .btnStyle {
    position: absolute;
    top: 18px;
    right: 20px;
  }

  .widthStyle {
    width: 50%;
  }
}


@keyframes shade {
  0% {
    opacity: 0;
    right: 0;
  }

  50% {
    opacity: 0.5;
    right: 50;
  }

  100% {
    opacity: 1;
    right: 100;
  }
}

.selectStyle {
  position: relative;
  top: -10px;
  animation: shade 0.5s;
}

.edit-create {
  // max-height: 400px;
  // overflow-y: auto
}

.m-r-8 {
  margin-right: 8px;
}

.m-b-8 {
  margin-bottom: 8px;
}

.m-r-4 {
  margin-right: 4px;
}

.m-r-40 {
  margin-right: 40px;
}

.m-r-50 {
  margin-right: 50px;
}

.p-r-40 {
  padding-right: 40px;
}

.p-r-50 {
  padding-right: 50px;
}

.plTableBox .el-table .umy-table-beyond {
  white-space: normal !important;
}

.plTableBox .el-table__fixed-right .el-table__fixed-body-wrapper,
.plTableBox .el-table__fixed-right .el-table__fixed-footer-wrapper,
.plTableBox .el-table__fixed-right .el-table__fixed-header-wrapper {
  background-blend-mode: overlay;
}

.elx-table .elx-body--column.col--ellipsis,
.elx-table .elx-footer--column.col--ellipsis,
.elx-table .elx-header--column.col--ellipsis,
.elx-table.elx-editable .elx-body--column {
  font-size: 16px;
}

.elx-table.elx-editable.size--medium .elx-body--column,
.elx-table.size--medium .elx-body--column.col--ellipsis {
  height: 65px;
}

.el-dropdown-link {
  font-size: 16px;
}

.iconStyleGlobal {
  width: 15px;
  height: 15px;
  position: relative;
  top: 2px
}